import React from 'react';

function Daletou(props: any) {
  const { list } = props;
  return (
    <div>
      {list.map((item: any, index: number) => {
        return (
          <div className='item-item' key={index}>
            {item.qianList.map((qianItem: string, qianIndex: number) => {
              return (
                <div style={{ background: item.qianColor }} className='item-yuan' key={qianIndex}>
                  {qianItem}
                </div>
              );
            })}
            {item.houList.map((houItem: string, houIndex: number) => {
              return (
                <div style={{ background: item.houColor }} className='item-yuan' key={houIndex}>
                  {houItem}
                </div>
              );
            })}
          </div>
        );
      })}
    </div>
  );
}
export default Daletou;
